<template>
	<div class="navberBtn">
		<!-- 导航按钮 -->
		<van-tabbar z-index="2" v-model="active" active-color="#007AFF" inactive-color="#FFFFFF">
			<van-tabbar-item class="iconfont icon-wangyiyunyinle" to="/index">
				<span>推荐</span>
			</van-tabbar-item>
			<van-tabbar-item class="iconfont icon-shipin" to="/video">
				<span>MV</span>
			</van-tabbar-item>

			<van-tabbar-item class="iconfont icon-yinle1" to="/userinfo">
				<span>我的</span>
			</van-tabbar-item>
			<van-tabbar-item class="iconfont icon-A" to="/attention">
				<span>关注</span>
			</van-tabbar-item>
		</van-tabbar>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				active: 0,
			};
		},
	};
</script>

<style lang="less">
	.navberBtn {
		margin: auto;
		padding: auto;
		.iconfont {
			background-color: #292D39;
			// border-color: #292D39;
			span {
				font-size: 16px;
			}
		}
	}
</style>
